<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
  </head>
  <body>
     <div class='navbar navbar-inverse'>
          <div class='nav-collapse' style="height: auto;">
            <ul class="nav">
              <li class="active"><a href="#">Home</a></li>
              <li><a href="#">Hogares</a></li>
              <li><a href="#">Negocios</a></li>
              <li><a href="#">Empresas</a></li>
            </ul>
          </div>
        </div>

    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
  </body>
</html>